<template>
	<div class="box">
		<h2>评分</h2>
		<div class="mb10">
			只读,不显示数字：
			<my-rate :score="1.5" disabled/>
		</div>
		<div class="mb10">
			只读，显示数字：
			<my-rate :score="3.6" disabled showText/>
		</div>
		<div class="mb10">
			鼠标点击评分,并显示数字：
			<my-rate :score.sync="curScore" showText/>
			<button @click="submit">提交</button>
		</div>
	</div>
</template>

<script>
export default {
  name: "Index",
  data() {
    return {
      curScore: 0
    };
  },
  methods: {
    submit() {
      alert(this.curScore);
    }
  }
};
</script>
